<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="shortcut icon" type="image/x-icon" href="<?=base_url();?>images/icon/logo.png">
		<title>FrieslandCampina Operation</title>

		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/overal.css">
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/login.css">
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/public.css">
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/horizontal-menu.css">
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/jquery-ui-1.8.21.custom.css">
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/wt-rotator.css"/>
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/jquery.dataTables.css"/>
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/jquery.dataTables_themeroller.css"/>
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/demo_table.css"/>
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/fullcalendar.css"/>

		<script src="<?=base_url();?>js/jquery-1.7.2.min.js" type="text/javascript" ></script>
		<script  src="<?=base_url();?>js/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				//remove border in ie 
				$('img').attr("border","0");
			});
		</script>
	</head>
	<body>
		<div class="wrapper">
			<div class="header ui-helper-clearfix">
				<img class="logo" src="<?=base_url();?>images/icon/logo_fc.png">
				<?php echo $login;?>
			</div>
			<div class="content ui-helper-clearfix">
				<div class="menu">
					<ul>
						<li class="ui-widget ui-state-default ui-corner-bottom <?php if(empty($flag) == false && $flag == 6) echo "ui-state-highlight"; ?>">
							<a href="<?=base_url()?>index.php/home/index_content/">
								<img class="icon" src="<?=base_url()?>images/icon/home.png" >
								<span>Home</span>
							</a>
						</li>
						<li class="ui-widget ui-state-default ui-corner-bottom <?php if(empty($flag) == false && $flag == 1) echo "ui-state-highlight";?>">
							<a href="<?=base_url()?>index.php/home/training_plan/">
								<img class="icon" src="<?=base_url()?>images/icon/training-plan.png" >
								<span>Training Plan</span>
							</a>
						</li>
						<li class="ui-widget ui-state-default ui-corner-bottom <?php if(empty($flag) == false && $flag == 2) echo "ui-state-highlight";?>">
							<a href="<?=base_url()?>index.php/home/material/">
								<img class="icon" src="<?=base_url()?>images/icon/document.png">
								<span>Trainning Material</span>
							</a>
						</li>
						<li class="ui-widget ui-state-default ui-corner-bottom <?php if(empty($flag) == false && $flag == 3) echo "ui-state-highlight";?>">
							<a href="<?=base_url()?>index.php/home/facilities/">
								<img class="icon" src="<?=base_url()?>images/icon/environment.png">
								<span>Training Facilities</span>
							</a>
						</li>
						<li class="ui-widget ui-state-default ui-corner-bottom <?php if(empty($flag) == false && $flag == 4) echo "ui-state-highlight";?>">
							<a href="<?=base_url()?>index.php/home/job_profile/">
								<img class="icon" src="<?=base_url()?>images/icon/skill.png">
								<span>Job Profile</span>
							</a>
						</li>
						<li class="ui-widget ui-state-default ui-corner-bottom <?php if(empty($flag) == false && $flag == 5) echo "ui-state-highlight";?>">
							<a href="<?=base_url()?>index.php/home/contact_us/">
								<img class="icon" src="<?=base_url()?>images/icon/about us.png">
								<span>Contact Us</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="content-body ui-helper-clearfix">
					<?php echo $content;?>
				</div>
			</div>
		</div>
	</body>
</html>